body{margin:0px;padding:0px;margin:0px auto;font-size:14px;line-height:1.5em;color:#333333;width:100%;min-width:300px;zoom:1;background:#fff;font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";overflow-x:hidden;}

ul,li,form, dl,dt,dd,ol,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}

h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}

input:focus { outline: none;}

input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }

button{ cursor:pointer;}

textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }

textarea,input,select { background:none; border:none; margin:0; padding:0;}

article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/

figure,figcaption{ margin:0px; padding:0px;}

audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ max-width:100%; border:none; border:0;  vertical-align:top;}

a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

a:focus {outline:none; -moz-outline:none;}

a:hover{ text-decoration:none; color:#007cbe;}

*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}

.hidetxt{ display:none;}

.clear{ clear:both;}

.clearfix{overflow:hidden;_zoom:1;}

:-moz-placeholder {color: #979898;}

::-moz-placeholder {color: #979898;}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {color: #979898;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {color: #979898;}

.container{ max-width:1400px; min-width:300px; margin:0px auto;}

@media ( max-width:1200px){

.container{ margin:0px 10px;}

}

.relative{ position:relative;}

.body_on{overflow:hidden;}

/*font*/

.f_red{ color:#da251d;}

.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}

.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}





/*pages*/

.Pages{ zoom:1; text-align:center; overflow:hidden; color:#666666; line-height:24px;clear:both; background:url(../style/linebg.gif)0px top repeat-x; padding-top:30px;}

.Pages span{ padding:0px 3px; display:inline-block; padding:4px 0;}

.Pages a{ display:inline-block; margin:0px 2px;}

.Pages .p_cur b{ color:#e60012; font-weight:normal;}

.Pages .p_count b{ color:#e60012; font-weight:normal;}

.Pages .p_total b{ color:#e60012; font-weight:normal;}

.Pages .p_jump em{ font-style:normal; font-family:Arial;}

.Pages .p_jump em a{ border:0px; width:22px; height:22px; line-height:22px; text-align:center;}

.Pages .p_jump em a.a_cur{ background:#D4D4D4;}

.Pages .p_jump b{ font-weight:normal;}

.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}

.Pages .i_button { position:relative; top:0px; width:35px; height:19px; cursor:pointer; border:none; background:#A6854F; border-radius:2px; -moz-border-right:2px; -webkit-border-radius:2px; color:#fff; font-size:13px;}

.Pages .select{ width:48px; height:23px; border:1px solid #d2d2d2;}

.Pages .p_jump .f1{ padding-right:3px; display:none;}

.Pages .p_jump .f2{ padding:0 3px; display:none;}

.Pages .p_page a{ display:inline-block; vertical-align:middle;}

.Pages .p_page .a_first,.Pages .p_page .a_end,.Pages .p_page .a_prev,.Pages .p_page .a_next{ background:#e8e8e8; color:#666; padding:0px 8px;}

.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{ color:#000;}

.Pages .p_page .num a{ background:#e8e8e8; display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; color:#666; vertical-align:middle;}

.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#B70000; color:#fff;}

/*pages end*/





/*Top*/

nav.secondary-nav {
    border-top: none;
    text-align: right;
    height: 35px;
    line-height: 35px;
    background: #313131;
    color: #fff;
}

nav.secondary-nav ul.row > li a {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
nav.secondary-nav ul.row > li a:hover {
    color: #007cbe;
}


.toper{ line-height:46px; float:right; color:#858686; font-size:12px;}

.toper .gp{ background:url(../style/gp.gif) 0px center no-repeat; padding-left:24px;}

.toper .version{ padding-left:17px;}

.toper a{ display:inline-block; padding:0px 4px; line-height:17px; vertical-align:middle; margin:0px 6px;}

.toper a.on{ color:#fff; background:#007bc1;}

.MainNav{float:right;padding-right: 30px;}

.MainNav nav{clear:both;margin-top: 25px;}

.MainNav li{margin-left: 42px;display:inline;float:left;}
.MainNav li:first-child{margin-left: 0;}
.MainNav li span a{display:block;line-height: 52px;height: 73px;font-size:15px;color:#000000;}
.MainNav li span a:hover{color:#007cbe; transition:all 0s linear; -webkit-transition:all 0s linear;}
.MainNav li.onnav span a,.MainNav li span .sele{ color:#007cbe; transition:all 0s linear; -webkit-transition:all 0s linear;}

.SubNav{ position:absolute; left:0px; top:98px; width:100%; background-color: rgba(255, 255, 255, 0.8); display:none;}

.SubNav.pronav{height:300px; text-align:center;}

.SubNav.pronav .nav1{ width:591px; float:left; margin-top:43px; position:relative;}

.SubNav.pronav .nav1 dd{ width:142px; height:142px; position:absolute; left:0px; top:0px; background:url(../style/pronav.png) 0px top no-repeat;}

.SubNav.pronav .nav1 dd.a1{ background-position:0px top;}

.SubNav.pronav .nav1 dd.a2{ background-position:-142px top; left:75px; top:74px;}

.SubNav.pronav .nav1 dd.a3{ background-position:-284px top; left:149px; top:0px;}

.SubNav.pronav .nav1 dd.a4{ background-position:-426px top; left:223px; top:74px;}

.SubNav.pronav .nav1 dd.a5{ background-position:-568px top; left:296px; top:0px;}

.SubNav.pronav .nav1 dd.a6{ background-position:-710px top; left:370px; top:74px;}

.SubNav.pronav .nav1 dd.a7{ background-position:-852px top; left:444px; top:0px;}

.SubNav.pronav .nav1 dd a{ color:#fff; font-size:16px; display:table-cell; width:86px; height:58px; vertical-align:middle; line-height:23px;}

.SubNav.pronav .nav1 dd a:hover{ color:#ffcc00;}

.SubNav.pronav .nav1 dd i{ position:absolute; width:86px; height:58px; left:29px; top:40px; z-index:10;}

.SubNav.pronav .nav2{ float:right; padding-top:13px; width:35%; padding-left:7%; border-left:1px solid #374d64; margin-top:43px;}

.SubNav.pronav .nav2 dd{ width:50%; line-height:50px; float:left; font-size:16px;}

.SubNav.pronav .nav2 dd a{ color:#fff; display:block; background:#007cc2; margin:0px 25px 20px 0px;}

.SubNav.pronav .nav2 dd a:hover{ background:#00a9c2;}

.SubNav.othernav{height:108px; text-align:center;}

.SubNav.othernav dl{ padding-top:29px;}

.SubNav.othernav dd{ display:inline-block; *display:inline; zoom:1; width:24%; line-height:50px;}

.SubNav.othernav dd.dd3{ display:inline-block; *display:inline; zoom:1; width:25%; line-height:50px;}

.SubNav.othernav dd a{ color:#fff; display:block; background:#007cc2; margin:0px 20px 20px 0px; font-size:16px;}

.SubNav.othernav dd a:hover{ background:#00a9c2;}

.SubNav.othernav dl.culture{ width:56%; margin:0px auto;}

.SubNav.othernav dl.culture dd{ width:30%;}

.h176{height:176px !important;}

.SubNav.work{height:300px; text-align:center;}

.SubNav.work dl{ padding:38px 0px 0px 10%;}

.SubNav.work dl dd{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}

.SubNav.work dl dd.nav{ width:105px;}

.SubNav.work dl dd.nav p{ margin-bottom:15px; line-height:29px;}

.SubNav.work dl dd.nav p a{ color:#fff; font-size:16px;}

.SubNav.work dl dd.nav p a:hover{ color:#ffcc00;}

.SubNav.work dl dd img{ display:block; float:left; margin-right:20px; width:300px; height:160px;}



/*.MainNav li.onnav .SubNav{ display:block;}*/



/*全局导航 s*/

.navbtn { position:absolute; right:0px; top:13px; z-index:101;width:33px;height:22px;cursor:pointer;}

.navbtn>span {

	display: block;

	width: 100%;

	height: 4px;

	background:url(../style/navmenu.png);

	margin: 5px 0;

	-webkit-transition: 0.3s linear;

	-moz-transition: 0.3s linear;

	-ms-transition: 0.3s linear;

	-o-transition: 0.3s linear;

	transition: 0.3s linear;}

.navbtn:hover .sp1 {

	-webkit-transform: translate(0, -5px);

	-moz-transform: translate(0, -5px);

	-ms-transform: translate(0, -5px);

	-o-transform: translate(0, -5px);

	transform: translate(0, -5px);}

.navbtn:hover .sp3 {

	-webkit-transform: translate(0, 5px);

	-moz-transform: translate(0, 5px);

	-ms-transform: translate(0, 5px);

	-o-transform: translate(0, 5px);

	transform: translate(0, 5px);}

.sp1on {

	-webkit-transform: translate(0, 9px) rotate(45deg) !important;

	-moz-transform: translate(0, 9px) rotate(45deg) !important;

	-ms-transform: translate(0, 9px) rotate(45deg) !important;

	-o-transform: translate(0, 9px) rotate(45deg) !important;

	transform: translate(0, 9px) rotate(45deg) !important; background:#333333 !important;}

.sp2on {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;}

.sp3on {

	-webkit-transform: translate(0, -9px) rotate(-45deg) !important;

	-moz-transform: translate(0, -9px) rotate(-45deg) !important;

	-ms-transform: translate(0, -9px) rotate(-45deg) !important;

	-o-transform: translate(0, -9px) rotate(-45deg) !important;

	transform: translate(0, -9px) rotate(-45deg) !important; background:#333333 !important;}	



.navpull {width: 100%;background:#1c1c1c;position:fixed;top: 0px; height:100%;left: 0px;display:none;z-index: 998;}

.navpull .navbtn{ top:9px; right:8%; position:absolute; line-height:48px; height:48px; padding-right:61px; display:block; background:url(../style/closenav.png) right center no-repeat; font-size:16px; color:#007cc2;}	

.navpull .nav{ padding-top:32px;}

.navpull .nav dl{ width:12.666%; float:left; line-height:1.9em; padding-bottom:3.5%;}

.navpull .nav dl dt{ font-size:20px; line-height:80px;}

.navpull .nav dl dt a{color:#fff;}.navpull .nav dl dt a:hover{color:#ffcc00;}

.navpull .nav dl a{ color:#aaaaaa;}

.navpull .nav dl a:hover{color:#ffcc00;}

.navpull .about{ clear:both; height:400px; background:#232323;}

.navpull .about .infotxt{ width:33.3%; padding:0 4%; line-height:24px; color:#aaaaaa; height:400px; background:url(../style/logoabout.png) right bottom no-repeat; float:left;}

.navpull .about .infotxt .tithead{ color:#494949; padding:15% 0 9% 0;}

.navpull .about .infotxt .tithead i{ color:#fff; display:block; line-height:53px; font-size:30px;}

.navpull .about .img{ width:59%; float:right;}

.navpull .about .img img{ height:400px;}

/*全局导航 end*/



/*手机导航 s*/

.phone_header{ display:none; position:relative; padding:5px 10px;}

.phone_header .Logo{width: 65%;padding-top:0px;}

#navigation { float:right; padding-right:10px;}

.phone_header{ display:none; position:relative; padding:12px 0px;}

.phone_header .Logo{ float:left; padding:0px 0px 0px 10px;}



#navigation { float:right; padding-right:10px;}

#navigation .toper{ position:absolute; right:80px; top:15%;}

#navigation .Search{width:21px;float:right; margin-right:39px;}

#navigation .Search .icon{ cursor:pointer; display:block; padding-top:10px;}


#navigation .Search .i2{ position:absolute; top:22px; right:48px; cursor:pointer; width:25px; height:25px; background:url(../style/closenav.png) center center no-repeat; display:none;}

#navigation .searchbox{ display:none; position:absolute; height:40px; left:0%; top:100%; background:#007ac0; width:96%; box-shadow:0px 5px 5px #333; padding:5px 2% 0; z-index:99;}

#navigation .searchbox .input{ float:left; width:90%; height:35px; line-height:35px; text-indent:1em; background:#fff; border:0px;}

#navigation .searchbox .btn{ float:left; line-height:23px; padding:5px 0px 0px 12px;}



#navigation .openbtn{ cursor:pointer; display:block; position:absolute; right:10px; top:35%; z-index:100; width:30px;}

#navigation .openbtn span{ display:block; width:30px; height:2px; background:#2a2a2a; margin:3px 0px;}

#navigation .closebtn{ cursor:pointer; display:block; position:absolute; right:5px; top:16px; z-index:100; width:30px;}

#navigation .closebtn span{ display:block; width:30px; height:2px; background:#2a2a2a; margin:3px 0px;}

#navigation .sp1 {

	-webkit-transform: translate(0, 3px) rotate(45deg) !important;

	-moz-transform: translate(0, 3px) rotate(45deg) !important;

	-ms-transform: translate(0, 3px) rotate(45deg) !important;

	-o-transform: translate(0, 3px) rotate(45deg) !important;

	transform: translate(0, 3px) rotate(45deg) !important; background:#000000 !important;}

#navigation .sp2 {

	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;

	-moz-transform: translate(0, -3px) rotate(-45deg) !important;

	-ms-transform: translate(0, -3px) rotate(-45deg) !important;

	-o-transform: translate(0, -3px) rotate(-45deg) !important;

	transform: translate(0, -3px) rotate(-45deg) !important; background:#000000 !important;}	

#navigation .sub{ padding-top:45px; top:0%;display:none; z-index:999; position:absolute; right:0px; width:100%; background:#fff;}

#navigation .sub li{ border-bottom:1px solid #dddddd;}

#navigation .sub li span{ position:relative; display:block; line-height:40px;z-index:99;}

#navigation .sub li span a{color:#000000; display:block; padding-left:10px; font-size:15px;}

#navigation .sub li:last-child{ background:none;}

.UI-jian{background: url(../style/zoom_jian.png) center center no-repeat;}

.UI-jia{background: url(../style/zoom_jia.png) center center no-repeat;}

#navigation li span .UI-jian,#navigation li span .UI-jia{position:absolute;right:0px;top:0px; width:45px; height:40px;display:block; cursor:pointer;}

#navigation .sub .foldContent { display:none; margin-bottom:-1px; background:#f4f1f1;}

#navigation .sub .foldContent li{ border-bottom:1px solid #fff; margin-bottom:0; line-height:40px;}

#navigation .sub .foldContent li a{ color:#333; display:block; padding-left:20px;}

#navigation .bg{ left:0px; top:0px; display:none; width:100%; height:100%; position:fixed; height:100%; background:#fff; z-index:998;}

/*手机导航 end*/



@media ( max-width:1100px){

.SubNav.pronav .nav2{width:34%; padding-left:4%;}

.SubNav.pronav .nav2 dd a{margin-right:15px;}

}

@media ( max-width:1020px){

.MainNav{ padding-right:30px;}

.MainNav li{margin-left:50px;}

}

@media ( max-width:998px){

.header{ display:none;}

.phone_header{ display:block;}
body{padding-top:0px}
#navigation .sub .toper{ position:absolute; top:0px; left:10px;}

#navigation .sub .toper .gp{ display:inline-block;}

}

@media ( max-width:480px){

#navigation .toper .gp{ display:none;}

}



/*Top*/



/*Bottom*/

.Footer{padding:25px 0px 18px; border-top:1px solid #e5e5e5; font-size:15px; color:#8f8f8f; line-height:20px;}

.Footer a{color:#8f8f8f;}

.Footer nav{ padding-bottom:9px;}

.Footer nav i{ display:inline-block; width:15px; height:20px; vertical-align:middle; background:url(../style/lineb.gif) center center no-repeat;}

.Footer nav a{ color:#fff;}
.Footer nav a:hover{ color:#007dc2;}

.Footer .col-right{ position:absolute; right:0px; top:0px; width:200px; z-index:888;max-width:96%;margin:0 auto;}

.Footer .col-right .share { display:inline-block; *display:inline;zoom:1;}

.Footer .col-right .share a{ position:relative; width:34px; height:34px; display:inline-block; margin-right:12px;}

.Footer .col-right .share a.weibo{ background:url(../style/share.gif) 0px top no-repeat;}

.Footer .col-right .share a.weix{ background:url(../style/share.gif) -34px top no-repeat;}

.Footer .col-right .share .img{ border:5px solid #fff; position:absolute; bottom:35px; left:-60px; max-width:none; width:120px; height:120px; display:none;}

.Footer .col-right .share a:hover .img{ display:block;}

.Footer .col-right .link{ position:relative; display:inline-block; *display:inline;zoom:1; border:1px solid #dedede; border-radius:15px; width:200px; line-height:32px; vertical-align:top;}

.Footer .col-right .link span{ display:block; background:url(../style/linkline.gif) center center no-repeat; color:#6a6a6a; text-align:center; font-size:14px; cursor:pointer;}

.Footer .col-right .link ul{ position:absolute; padding:5px 0px; left:0px; width:100%;border:1px solid #dedede;  border-radius:15px; bottom:0px; background:#fff; display:none; height:200px; overflow-y:auto;}

.Footer .col-right .link ul li{ padding:0px 8px; line-height:25px; text-align:left;}

.Footer .col-right .link ul li a{ font-size: 14px;display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}


@media ( max-width:998px){

.Footer{ padding:15px 0px; text-align:center;}

.Footer .col-right{ position:static; width:auto; margin-top:8px;}

}

@media ( max-width:640px){

.Footer .col-right .share { display:block;}

.Footer .col-right .link{width:300px; margin-top:4px; display:none;}

}



/*Bottom*/





/*首页*/



/*banner s*/

.HomeBan{ min-width:1400px; padding-top: 72px; max-width:100%;position:relative; height:770px; overflow:hidden;}

.HomeBan .bd{ position:relative; z-index:0;}

.HomeBan .bd ul{ width:100% !important;}

.HomeBan .bd li{ width:100% !important; height:770px; position:relative;}

.HomeBan .bd li a{ height:770px; display:block;}

.HomeBan.Hd{ width:100%;position:absolute; z-index:11; bottom:30px; left:0; height:12px;text-align:center;}

.HomeBan.Hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0px 6px;overflow:hidden;line-height:9999px; background:#fff; border-radius:50%;}

.HomeBan.Hd ul .on{ background:#fd6003;}

.HomeBan .prev,

.HomeBan .next{ position:absolute;left:-40px; top: 50%; margin-top:-20px; width:40px; height:40px; overflow:hidden; background:url(../style/banarr.png) 0px top no-repeat; cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.HomeBan .next{ left:auto; right:-40px; background-position:-40px 0;}

.HomeBan:hover .prev{left:32px;}

.HomeBan:hover .next{ right:32px;}



.mobile_ban{ position:relative; display:none;}

.mobile_ban .swiper-slide{ position:relative;}

.mobile_ban .swiper-slide span{ position:absolute; width:60%; left:20%; top:10%;}

.mobile_ban .swiper-pagination-bullet{opacity:1; background:#fff; border-radius:50%; width:12px; height:12px;}

.mobile_ban .swiper-pagination-bullet-active{opacity:1; background:#fd6003;}

/*phone banner end*/



@media ( max-width:998px){

.HomeBan{ display:none;}
	.banner{display:none;}
.mobile_ban{ display:block;}

}

/*banner end*/






.Homebox{ padding-left:40%; height:200px; margin:-200px auto 0px;  position:relative; z-index:100; overflow:hidden;}
.Homebox .newscenter{ position:absolute; left:0px; top:0px; width:40%; background:#f7f7f7; height:280px;}




.Homebox .newscenter .tithead{ margin:0px 25px; padding-top:11px; line-height:36px; color:#004ba1; font-size:20px; background:url(../style/titline.gif) 0px bottom repeat-x;}
.Homebox .newscenter .tithead a.more{ float:right; color:#767676; font-size:12px;}
.Homebox .newscenter ul{ margin:0px 25px;border-bottom:1px dashed #ccc; padding-bottom: 5px;}
.Homebox .newscenter ul .li{ line-height:2.5em; padding-left:85px; position:relative;}
.Homebox .newscenter ul .li .date{ position:absolute; left:0px; top:50%; margin-top:-8px; line-height:17px; width:78px; text-align:center; background:#e7e7e7; color:#707070; font-size:12px;}
.Homebox .newscenter ul .li a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
.Homebox .newscenter ul .first{ position:relative; margin:12px 0px 0px; height:90px; padding-left:139px; overflow:hidden;}
.Homebox .newscenter ul .first .img{ position:absolute; left:0px; top:0px;}
.Homebox .newscenter ul .first .img img{ display:block; width:123px; height:84px;}
.Homebox .newscenter ul .first .tit{ line-height:19px; font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
.Homebox .newscenter ul .first .date{ line-height:30px; color:#949494; font-size:12px;}
.Homebox .newscenter ul .first .p{ line-height:20px; height:40px; overflow:hidden; color:#6e6e6e; font-size:12px;}

.Homebox .boxcon{ width:20%; float:left; height:200px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Homebox .boxcon .show{ padding-top:27px;text-align:center; cursor:pointer;}
.Homebox .boxcon .show .icon{ width:100px; height:70px; margin:0px auto 18px;}
.Homebox .boxcon .show .thead{ line-height:28px; font-size:20px; color:#222; padding-bottom:6px;}
.Homebox .boxcon .show .thead i{ display:block; line-height:15px; color:#a5a5a5; font-size:12px;}
.Homebox .boxcon .show .p{ text-align:left; height:22px; background:url(../style/more2.png) center bottom no-repeat; font-size:12px; padding:0 17px; line-height:19px;}






.Homebox .boxcon.p1{ background:#d8ebef;}
.Homebox .boxcon.p2{ background:#c8def0;}
.Homebox .boxcon.p3{ background:#deedfb;}
.Homebox .boxcon.p4{ background:#e9f3f9;}
.Homebox .boxcon.p5{ background:#eee;}

.Homebox .boxcon.p1 .show .icon{ background:url(../style/homeicon.png) 0px top no-repeat;}
.Homebox .boxcon.p2 .show .icon{ background:url(../style/homeicon.png) -100px top no-repeat;}
.Homebox .boxcon.p3 .show .icon{ background:url(../style/homeicon.png) -200px top no-repeat;}
.Homebox .boxcon.p4 .show .icon{ background:url(../style/homeicon.png) -300px top no-repeat;}
.Homebox .boxcon.p5 .show .icon{ background:url(../style/homeicon.png) -400px top no-repeat;}
.Homebox .boxcon.on{ width:50%; margin-left:-30%; position:relative; z-index:1;}

.Homebox .boxcon.on.p1{ background: #d8ebef url(../style/p1.jpg) right top no-repeat;}
.Homebox .boxcon.on.p1 .show{ width:40%;}
.Homebox .boxcon.on.p1 .show .thead i{ color:#7a9aae;}
.Homebox .boxcon.on.p1 .show .p{ color:#324c5c;}
.Homebox .boxcon.on.p1 .show .icon{ background:url(../style/homeicon.png) 0px 0px no-repeat;}

.Homebox .boxcon.on.p2{ background: #9cc0d6 url(../style/p2.jpg) right bottom no-repeat;}
.Homebox .boxcon.on.p2 .show{ width:40%;}
.Homebox .boxcon.on.p2 .show .thead i{ color:#7495a9;}
.Homebox .boxcon.on.p2 .show .p{ color:#2f4a5a;}
.Homebox .boxcon.on.p2 .show .icon{ background:url(../style/homeicon.png) -100px no-repeat;}

.Homebox .boxcon.on.p3{ background: #deedfb url(../style/p3.jpg) right bottom no-repeat;}
.Homebox .boxcon.on.p3 .show{ width:40%;}
.Homebox .boxcon.on.p3 .show .thead i{ color:#7495a9;}
.Homebox .boxcon.on.p3 .show .p{ color:#2f4a5a;}
.Homebox .boxcon.on.p3 .show .icon{ background:url(../style/homeicon.png) -200px no-repeat;}

.Homebox .boxcon.on.p4{ background: #e9f3f9 url(../style/p4.jpg) right bottom no-repeat;}
.Homebox .boxcon.on.p4 .show{ width:40%;}
.Homebox .boxcon.on.p4 .show .thead i{ color:#7495a9;}
.Homebox .boxcon.on.p4 .show .p{ color:#2f4a5a;}
.Homebox .boxcon.on.p4 .show .icon{ background:url(../style/homeicon.png) -300px no-repeat;}

.Homebox .boxcon.on.p5{ background: #9cc0d6 url(../style/p5.jpg) right bottom no-repeat;}
.Homebox .boxcon.on.p5 .show{ width:40%;}
.Homebox .boxcon.on.p5 .show .thead i{ color:#7495a9;}
.Homebox .boxcon.on.p5 .show .p{ color:#2f4a5a;}
.Homebox .boxcon.on.p5 .show .icon{ background:url(../style/homeicon.png) -400px no-repeat;}


@media ( max-width:768px){

.Homebox{ padding-left:0%; height:auto; margin:20px auto 39px;}

.Homebox .newscenter{ position:static; width:auto; height:auto; padding-bottom:15px;}

.Homebox .newscenter ul{ margin:0px 15px;}

.Homebox .newscenter .tithead{ margin:0px 15px; padding-top:0px; line-height:40px;}

.Homebox .boxcon{ width:auto; float:none; height:auto; margin-top:20px;}
.Homebox .boxcon.on{ width:auto; margin-left:0;}

.Homebox .boxcon.p1{ background: #a6c7dd url(../style/p1.jpg) right bottom no-repeat; padding-bottom:20px;}
.Homebox .boxcon.p1 .show{ width:45%;}
.Homebox .boxcon.p1 .show .thead i{ color:#7a9aae;}
.Homebox .boxcon.p1 .show .p{ color:#324c5c;}
.Homebox .boxcon.p1 .show .icon{ background:url(../style/homeicon.png) 0px 0px no-repeat;}
	
.Homebox .boxcon.p2{ background: #a6c7dd url(../style/p2.jpg) right bottom no-repeat; padding-bottom:20px;}
.Homebox .boxcon.p2 .show{ width:40%;}
.Homebox .boxcon.p2 .show .thead i{ color:#7a9aae;}
.Homebox .boxcon.p2 .show .p{ color:#324c5c;}
.Homebox .boxcon.p2 .show .icon{ background:url(../style/homeicon.png) -100px 0px no-repeat;}
	
.Homebox .boxcon.p3{ background: #a6c7dd url(../style/p3.jpg) right bottom no-repeat; padding-bottom:20px;}
.Homebox .boxcon.p3 .show{ width:40%;}
.Homebox .boxcon.p3 .show .thead i{ color:#7a9aae;}
.Homebox .boxcon.p3 .show .p{ color:#324c5c;}
.Homebox .boxcon.p3 .show .icon{ background:url(../style/homeicon.png) -200px 0px no-repeat;}
	
.Homebox .boxcon.p4{ background: #a6c7dd url(../style/p4.jpg) right bottom no-repeat; padding-bottom:20px;}
.Homebox .boxcon.p4 .show{ width:40%;}
.Homebox .boxcon.p4 .show .thead i{ color:#7a9aae;}
.Homebox .boxcon.p4 .show .p{ color:#324c5c;}
.Homebox .boxcon.p4 .show .icon{ background:url(../style/homeicon.png) -300px 0px no-repeat;}
	
.Homebox .boxcon.p5{ background: #a6c7dd url(../style/p5.jpg) right bottom no-repeat; padding-bottom:20px;}
.Homebox .boxcon.p5 .show{ width:40%;}
.Homebox .boxcon.p5 .show .thead i{ color:#7a9aae;}
.Homebox .boxcon.p5 .show .p{ color:#324c5c;}
.Homebox .boxcon.p5 .show .icon{ background:url(../style/homeicon.png) -400px 0px no-repeat;}
.videobtn{ position:static; margin-top:18px; border-radius:0px; text-align:center;}

.videobtn a:hover{ padding-right:0px;}

}



@media ( max-width:684px){

.videopop .content{ width:90%; height:90%; left:5%; top:5%; margin:0px;}

.videopop .content .video img{ width:100%; height:100%;}

.videopop .content .video video{ width:100%; height:100%; display:block;}

}





/*栏目页公用样式 s*/

.SubPage{ padding:0px 0px 30px;height:auto !important; height:280px; min-height:600px;}

.SubBan{position:relative;height:300px;/* margin-bottom:40px; */overflow:hidden;}

.SubBan img{ display:block; max-width:none; position:absolute; left:50%; margin-left:-960px;}

.ColumnName{ text-align:center; padding:0px 0px 41px;}

.ColumnName h2{ line-height:38px; color:#262626; font-size:20px;}

.ColumnName h2 i{ color:#007cbe;}

.ColumnName p{ line-height:16px; color:#7f7f7f; font-family:"Times New Roman", Times, serif;}



@media ( max-width:998px){

.SubBan{height:156px;}

.SubBan img{ height:156px;margin-left:-500px;}

}

@media ( max-width:768px){

.SubBan{ margin-bottom:15px;}

.ColumnName{ text-align:center; padding-bottom:25px;}

.SubBan{height:120px;}

.SubBan img{ height:120px;margin-left:-384px;}

}

/*栏目页公用样式 end*/





/*产品中心*/

.LeftBar{ width:19%; float:left;}

.ProTit{ line-height:2.6em; text-align:center; font-size:18px; color:#fff; background:#007cc2;}

.RightBar{ width:78%; float:right;}

.MenuList{ border:1px solid #e9e9e9; border-top:0px;}

.MenuList ul{ margin:10px 0px;}

.MenuList li span a{ display:block; color:#333333; background:url(../style/menuarr.gif) 0px center no-repeat; padding:5px 0px 5px 10px; margin-left:16px;}

.MenuList li span a:hover,.MenuList li.onli span a{ background:url(../style/menuarr2.gif) 0px center no-repeat; color:#007cc2;}

.MenuList .sub{ display:none; line-height:25px; padding:5px 0px;}

.MenuList .sub dd{ padding:0px 5px 0px 40px;}

.MenuList .sub a{ color:#666666;}

.MenuList .sub a:hover,.MenuList .sub a.cur{ color:#007cc2;}

.MenuList li.onli .sub{ display:block;}



.ProList{ margin-left:-30px;}

.ProList li{ width:33.333%; float:left; text-align:center; padding-bottom:23px;}

.ProList li .box{ margin-left:30px;}

.ProList li .img{ border:1px solid #dfdcdc; margin-bottom:14px; position:relative;}

.ProList li .img img{ display:block; height:218px; margin:0px auto;}

.ProList li .infotxt{ display:none; position:absolute; width:100%; height:100%; background:url(../style/filter70.png); z-index:1; color:#fff;}

.ProList li .infotxt p{ padding:20% 10% 10%;}



.ProScroll { width:53%; float:left;}

.ProScroll .swiper-container{ border:1px solid #e9e9e9;}

.ProScroll .swiper-slide img{ display:block; margin:0px auto;}

.ProScroll .swiper-button-prev {background: url(../style/proarr2.gif) no-repeat left top;position: absolute; z-index:999;left: -1px;

top: 50%; margin-top:-20px;width: 30px;height: 40px;}

.ProScroll .swiper-button-next { background: url(../style/proarr2.gif) no-repeat -30px top; position: absolute; z-index:999; right: -1px;top: 50%; margin-top:-20px; width: 30px; height: 40px;}

.ProDetail { width:45%; float:right; color:#666666; line-height:1.7em;}

.ProDetail .Proname{ color:#333333; font-size:18px; padding:22px 0px 11px 0px;}

.ProDetail .tedian{ background:url(../style/linebg6.gif) 0px top repeat-x; padding:17px 0px; margin-top:15px;}

.ProDetail .tedian li{ background:url(../style/dot.gif) 6px center no-repeat; padding-left:17px;}

.ProDetail .warp{ background:url(../style/linebg6.gif) 0px top repeat-x; padding:18px 5px;}

.ProDetail .hotline{ font-weight:bold; float:left; padding:0px 34px 0px 80px; position:relative; line-height:20px; color:#333333; color:#007cc2; font-size:14px; padding-bottom:13px;}

.ProDetail .hotline i{ font-weight:normal; position:absolute; left:5px; top:0px; color:#333333; font-size:14px;}

.ProDetail .zxbtn{ float:left; background: #007cc2 url(../style/qq.gif) 20px center no-repeat; padding-left:53px; line-height:35px; width:87px; display:block; color:#fff; font-size:16px; margin-bottom:13px;}

.ProDetail .zxbtn:hover{ color:#ffcc00;}



.pro_nav { border-bottom:1px solid #dedede; padding:36px 0px 1px 0px;height:35px;line-height: 35px;clear: both;margin-bottom:39px;}

.pro_nav span { width:120px; display:block; float:left; margin-right:10px; cursor:pointer; text-align:center; background:#94b4c8; color:#fff;}

.pro_nav span a{ display:block; color:#fff; border-right:1px solid #fff;}

.pro_nav span.hover {background: #007cc2;}

.about_con { line-height:1.9em; display:none;}





@media ( max-width:998px){

.ProList li .img img{ height:180px;}

.LeftBar{ width:auto; float:none;}

.RightBar{ width:auto; float:none;}

.MenuList{ margin-bottom:18px;}

.MenuList ul{display:none;}

.ProTit { cursor:pointer;}

.ProTit span{ padding-right:20px; background:url(../style/proarr.png) right center no-repeat;}

}

@media ( max-width:640px){

.ProList{ margin-left:-15px;}

.ProList li{ width:50%; padding-bottom:12px;}

.ProList li .tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}

.ProList li .box{ margin-left:15px;}

.ProScroll { width:auto; float:none;}

.ProDetail { width:auto; float:none;}

.pro_nav span { width:25%; float:left; margin:0px;}

}

@media ( max-width:480px){

.ProList li .img img{ height:140px;}

.ProList li .infotxt p{ padding:10%;}

}





/*关于我们*/

.SinglePage{ word-wrap:break-word; padding:0 0 0 0;line-height:2em; color:#666;font-size: 16px;text-align: justify;}

.LeaderImg{ width:32%; float:left; text-align:center;}

.LeaderImg img{ display:block; margin:0px auto 11px;}

.Leadertxt{ width:63%; float:right; font-size:18px; padding-top:5%; color:#444444;}



.HornorYear { margin-top:43px; height:76px; background:#f7f7f7; background:url(../style/Hornorbg.gif) center center repeat-x; }

.HornorYear .swiper-container{ padding:0px 78px;}

.HornorYear .swiper-wrapper div{ width:130px; height:76px; text-align:center; position:relative;}

.HornorYear .swiper-wrapper div span{ width:65px; height:50px; padding-top:15px; display:block; font-size:20px; background:#aaaaaa; border-radius:50%; color:#fff; cursor:pointer; margin:0px 32.5px;}

.HornorYear .swiper-wrapper div.hover span{ background:#007cc2;}

.HornorYear .swiper-wrapper div.hover i{ background:url(../style/hornoron.gif); position:absolute; top:64px; left:50%; margin-left:-7px; width:15px; height:10px; display:block;}

.HornorYear .swiper-button-prev {background: url(../style/hornorarr.gif) no-repeat left top;position: absolute; z-index:999;left: 0px;

top:22px;width: 48px;height: 65px;}

.HornorYear .swiper-button-next { background: url(../style/hornorarr.gif) no-repeat -46px top; position: absolute; z-index:999; right: 0px;top: 22px; width: 50px; height: 65px;}



.Hornortxt{ display:none; margin-top:36px; padding:30px; background:#f8f8f8;}

.Hornortxt dl{ padding-bottom:16px; color:#666666;}

.Hornortxt dl dt{ font-weight:bold; color:#333333;}

.Hornortxt.on{ display:block;}



.AboutUs{ color:#fff; font-size:15px; line-height:2em;}

.AboutUs .content{ max-width:1200px; min-width:320px; margin:0px auto;}

.AboutUs .itembox{ background:#69a9f6; color:#fff;}

.AboutUs .itembox .txt{ width:50%; float:left;}

.AboutUs .itembox .img{ width:50%; float:left;}

.AboutUs .itembox .img img{max-width:none; width:960px;}

.AboutUs .itembox.bg2{ background:#6dcae5;}

.AboutUs .itembox.bg2 .img img{ margin-left:-60%;}

.AboutUs .itembox.bg2 .box{ padding:12% 0 0 7%;}

.AboutUs .itembox.bg2 .txt{ float:right;}

.AboutUs .itembox.bg3{ background:#94a3ea;}

.AboutUs .itembox.bg3 .box{ padding:10% 7% 0 0;}

.AboutUs .itembox.bg4{ background:#8fd280;}

.AboutUs .itembox.bg4 .img img{ margin-left:-60%;}

.AboutUs .itembox.bg4 .box{ padding:16% 0 0 7%;}

.AboutUs .itembox.bg4 .txt{ float:right;}



.History{ background:url(../style/linebg3.gif) center top repeat-y;}

.History .thead{ text-align:center; margin-bottom:3%;}

.History li{ margin-top:1%; width:51%; float:right; background:url(../style/historydot.png) 0px 10px no-repeat; position:relative;}

.History li .shadow{ background:url(../style/shadowright.png) right top no-repeat; height:56px; position:absolute; width:100%; right:0px; bottom:-56px;}

.History li .box{ margin-left:78px; padding-left:110px; position:relative; min-height:67px;}

.History li .box .arr{ background:url(../style/arr1.gif); width:20px; height:15px; position:absolute; left:-20px; top:18px;}

.History li .box .year{ left:0px; top:0px; width:110px; text-align:center; color:#fff; line-height:49px; font-size:22px; background:#3095cd; border-radius:9px 0px 0px 9px; position:absolute;}

.History li .box .con{ position:relative; border:1px solid #c9c9c9;border-radius:0px 9px 9px 0px; color:#3e3a39; padding:9px 15px;}

.History li.next{ float:left;background:url(../style/historydot.png) right 10px no-repeat;}

.History li.next .box{ margin:0px 78px 0px 0px; padding:0px 110px 0px 0px;}

.History li.next .box .arr{ background:url(../style/arr2.gif); width:20px; left:auto; right:-20px;}

.History li.next .box .year{ border-radius:0 9px 9px 0px; position:absolute;left:auto; right:0; top:0; }

.History li.next .box .con{border-radius:9px 0px 0px 9px;}

.History li.next .shadow{ background:url(../style/shadowleft.png) 0px top no-repeat; right:auto; left:0px;}

.History .point{ clear:both; background:url(../style/point.gif) center bottom no-repeat; width:24px; height:26px; margin:0px auto;}



.Menujoin{ margin-bottom:4%;}

.Menujoin li{ width:134px; float:left; text-align:center;}

.Menujoin li a{ margin-left:4px; line-height:35px; color:#fff; font-size:16px; background:#626262; display:block;}

.Menujoin li a:hover,.Menujoin li.onli a{background:#007cc2;}



.StyleList{ margin:0px 0px 0px -30px; line-height:1.8em;}

.StyleList li{ width:33.333%; float:left; padding-bottom:27px;}

.StyleList li .box{ margin-left:30px;}

.StyleList li .tx{ font-size:20px; color:#007cc2; text-align:center; padding-bottom:15px; font-weight:bold;}





.StyleList li .imgbox{ background:#f3f3f3; padding:20px 5px 20px 20px;}

.StyleList li .ingPo{ position:relative; padding-left:133px; min-height:130px;}

.StyleList li .imgbox .img{ width:120px; height:130px; position:absolute; left:0; top:0;}

.StyleList li .imgbox .img img{ display:block; width:120px; height:130px;}

.StyleList li .imgbox .tit{ padding:3% 0 1.5%; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.StyleList li .cntxt{ padding:18px 0px 5px;}

.StyleList li.blank{ width:100%; padding-bottom:0px; height:45px; background:url(../style/linebg4.gif) 0px top repeat-x; clear:both;}



.hrfl dd { font-size:16px; position:relative; padding:0px 0px 2.5% 32px;}

.hrfl dd .num{ display:block; text-align:center; color:#fff; width:24px; line-height:24px; background:#007cc2; border-radius:50%; position:absolute; left:0px; top:3px;}

.line{ background:url(../style/linebg4.gif) 0px top repeat-x; margin-top:32px; height:54px;}

.line2{ background:url(../style/linebg5.gif) 0px top repeat-x; height:54px; clear:both;}



.hrcon{ width:50%; float:left;}

.tithead1{ font-size:20px; color:#007cc2; padding-bottom:15px;}

.hrcon2{ width:55%; padding-right:5%; color:#333333; float:left;}

.hrimg{ width:40%; float:right;}

.hrtab table{ border-top:1px solid #666666; border-left:1px solid #666666;}

.hrtab table td{ border-right:1px solid #666666; font-size:16px; color:#333333; border-bottom:1px solid #666666;}

.hrtab table th{ font-size:16px; background:#dee9f8; border-right:1px solid #666666; border-bottom:1px solid #666666;}



.workbg{ background:#f1f1f1; padding:4.6% 0;}

.workpctp{ width:1000px; margin:0px auto;position: relative;}

.workpctp .btn{position:absolute;width:11px;height:18px;top:45px;cursor:pointer; z-index:99;}

.workpctp .prev{left:-65px;}

.workpctp .next{right:-65px;}

.workpctp #prevTop,.workpctp #nextTop{width:26px;height:36px; top:50%; margin-top:-75px;}

.workpctp #prevTop{ background: url(../style/culturearr.png) no-repeat 0 0px;}

.workpctp #nextTop{ background: url(../style/culturearr.png) no-repeat -26px 0px;}

.workpctp #prev,.workpctp #next{width:11px;height:18px; bottom:66px; top:auto;}

.workpctp #prev{background: url(../style/culturearr.png) no-repeat 0 -36px; left:13px;}

.workpctp #next{background: url(../style/culturearr.png) -11px -36px no-repeat; right:13px;}

.workpctp li{float:left;}

.workpctp .picBox{height:580px;position:relative;overflow:hidden;}

.workpctp .picBox ul{height:580px;position:absolute;}

.workpctp .picBox li{width:1000px;height:580px; position:relative;}

.workpctp .picBox li img{height:580px; display:block; margin:0px auto;}

.workpctp .picBox li .tit{ position:absolute; left:0px; bottom:0px; width:96%; background:url(../style/filter70.png); font-size:16px; color:#fff; padding:2% 2%; text-align:center;}



.workpctp .smallImg{ background:#fff; padding-top:26px; height:124px;}

.workpctp .listBox{width:922px;height:98px;margin:0px auto;position:relative;overflow:hidden;}

.workpctp .listBox ul{height:98px;position:absolute;}

.workpctp .listBox li{width:154px;height:98px;cursor:pointer;position:relative;}

.workpctp .listBox li img{ width:150px; height:98px; display:block;}

.workpctp .listBox .on img{ border:3px solid #007cc2; width:146px; height:92px;transition:all 0s linear; -webkit-transition:all 0s linear;}

.workmobile{ display:none; width:auto; margin:0px 10px; float:none; background:#fff;}





@media ( max-width:1200px){

.AboutUs .itembox .txt{ width:auto; float:none;}

.AboutUs .itembox .img{ width:auto; float:none;}

.AboutUs .itembox .img img{width:100%;}

.AboutUs .itembox.bg1 .box{ padding:15px; text-align:center;}

.AboutUs .itembox.bg2 .box{ padding:15px;}

.AboutUs .itembox.bg3 .box{ padding:15px;}

.AboutUs .itembox.bg4 .box{ padding:15px;}

.AboutUs .itembox.bg2 .img img{ margin-left:0%;}

.AboutUs .itembox.bg4 .img img{ margin-left:0%;}

.History{ background:none;}

.History li{ margin-top:1%; width:auto; float:none; background:none; position:relative;}

.History li .box{ margin-left:0px; padding:0px;}

.History li .box .con{border-radius:0px;}

.History li.next .box .con{border-radius:0px;}

.History li.next{ margin-top:1%; width:auto; float:none; background:none; position:relative;}

.History li.next .box{ margin:0px; padding:0px;}

.History li.next .box .year{ position:static; text-align:center; color:#fff; line-height:2em; font-size:22px; background:#007cc2; border-radius:9px 9px 0px 0px; width:100%;}

.History li .box .year{ position:static; text-align:center; color:#fff; line-height:2em; font-size:22px; background:#007cc2; border-radius:9px 9px 0px 0px; width:100%;}

.History .point{ display:none;}

.History li .shadow{ display:none;}

.workpctp .prev{left:0px;}

.workpctp .next{right:0px;}

}



@media ( max-width:1100px){

.StyleList{ margin-left:-15px; line-height:18px;}

.StyleList li .box{ margin-left:15px;}

}

@media ( max-width:998px){

.LeaderImg{ width:auto; float:none;}

.Leadertxt{ width:auto; float:none;}

.StyleList{ margin:40px 0px 0px -15px;}

.StyleList li .box{ margin-left:15px;}

.StyleList li .imgbox{ background:#f3f3f3; padding:15px 5px 15px 10px;}

.StyleList li .ingPo{ padding-left:115px;}

.StyleList li .imgbox .img img{ width:100px;}

.Menujoin { margin-left:-4px;}

.Menujoin li{ width:33.333%; float:left; text-align:center; margin-bottom:4px;}

.hrcon{ width:auto; float:none;}

.hrcon p{ text-align:center;}

.jl{ display:inline-block; margin-right:40px;}

.workpctp{ display:none;}

.workmobile{ display:block;}

}

@media ( max-width:768px){

.StyleList li.blank{ display:none;}

.StyleList li{ width:auto;}

.hrcon2{ width:auto; padding-right:0%; float:none;}

.hrimg{ width:auto; float:none;}

.HornorYear .swiper-container{ padding:0px 40px;}

.HornorYear .swiper-wrapper div{ width:115px;}

.HornorYear .swiper-wrapper div.hover i{margin-left:0px;}

}





/*新闻中心*/


.NewsList li{ position:relative; padding-left:88px; height:118px; color:#666666; line-height:1.7em;}

.NewsList li .date{ position:absolute; left:0px; top:0px; width:70px; text-align:center; color:#919191; line-height:35px; background:#f2f2f2; border:1px solid #d0d0d0; border-radius:5px;}

.NewsList li .date i{ display:block; line-height:45px; font-size:24px;color:#333333; background:#fff; border-radius:5px 5px 0px 0px;}

.NewsList li .tit{ padding-bottom:8px; font-size:16px;}

.NewsList li p{ color:#666666; height:48px; overflow:hidden;}

.NewsList li.first{ background:url(../style/linebg.gif) 0px bottom repeat-x; padding:0px 0px 21px 0px; height:auto; margin-bottom:30px;}

.NewsList li.first .img{ width:22%; float:left;}

.NewsList li.first .infotxt{ width:77%; float:right;}

.NewsList li.first .infotxt .tit{ padding:1% 0; margin-bottom:5px; position:relative;}

.NewsList li.first .infotxt .tit .date2{ color:#999999; position:absolute; right:0px; top:0px; font-size:14px;}

.NewsList li.first .infotxt p{ margin-bottom:11px; height:auto;}

.NewsList li.first .infotxt a.detail{ display:block; font-size:12px; width:90px; line-height:30px; text-align:center; color:#fff; border-radius:3px; background:#969696;}

.NewsList li.first .infotxt a:hover.detail{ background:#007cbe;}

.NewsList.zcfg .date{color:#fff; background:#0074bd; border:1px solid #0074bd;}





.Titleinfo{ color:#666666; padding:48px 0px 24px 0px; margin-bottom:2%; text-align:center; background:url(../style/linebg2.gif) 0px bottom repeat-x;}

.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}

.Titleinfo .date i{ margin:0px 12px; display:inline-block;}

.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}

.PrevNextBox { border-top:1px solid #dadada; margin:20px 0px 0px; padding:22px 0px 0px; position:relative; color:#888888;}

.PrevNextBox dl{ position:relative; margin-bottom:7px;}

.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}

.PrevNextBox a{ color:#666666;}.PrevNextBox a:hover{color: #007cbe;}

.PrevNextBox a.none{ cursor:default; color:#888888;}

.PrevNextBox a.none:hover{ color:#888888;}



@media ( max-width:998px){

.NewsList li.first .infotxt p{ line-height:none; height:44px;}

.NewsList li.first .infotxt .tit .date2{ position:static; display:block;}

}



@media ( max-width:768px){

.PrevNextBox a{ color:#666666;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}

.NewsList li .tit a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}

}

@media ( max-width:560px){

.NewsList li.first .img{ width:auto; float:none;}

.NewsList li.first .img img{ width:100%;}

.NewsList li.first .infotxt{ width:auto; float:none;}

.NewsList li.first .infotxt a.detail{ margin:0px auto;}

.Titleinfo{ padding:25px 0px 24px 0px; }

}


.WorkList{ margin-bottom:-1px;}

.WorkList li{ position:relative; color:#666666; line-height:1.7em; padding:23px 0px; background:url(../style/linebg.gif) 0px bottom repeat-x;}

.WorkList li .date{ color:#007cbe; padding:10px 0px 8px;}

.WorkList li .tit{ padding-bottom:8px;font-size: 16px;font-weight: bold;}

.WorkList li p{ color:#999999; height:48px; overflow:hidden;}

.WorkList li:hover .tit{ font-weight:bold;}

.WorkList li:hover p{ color:#007cbe;}



.WorkList li.first{ background:url(../style/linebg.gif) 0px bottom repeat-x; padding:0px 0px 30px 0px; height:auto;}

.WorkList li.first .img{ width:24%; float:left;}

.WorkList li.first .infotxt{ width:74%; float:right;}

.WorkList li.first .infotxt .tit{ position:relative; font-size:16px;}

.WorkList li.first .infotxt p{ margin-bottom:11px; height:auto; color:#666666;}

.WorkList li.first .infotxt a.detail{ color:#007cbe;}

.WorkList li.first .infotxt a:hover.detail{ text-decoration:underline;}

.WorkList li.first:hover .infotxt p{ color:#007cbe;}



@media ( max-width:998px){

.WorkList li.first .infotxt p{ line-height:none; height:44px;}

.WorkList li.first .infotxt .tit .date2{ position:static; display:block;}

}



@media ( max-width:768px){

.WorkList li{ padding:12px 0px;}

.WorkList li .tit a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}

}

@media ( max-width:560px){

.WorkList li.first .img{ width:auto; float:none;}

.WorkList li.first .img img{ width:100%;}

.WorkList li.first .infotxt{ width:auto; float:none;}

.WorkList li.first .infotxt a.detail{ margin:0px auto;}

.WorkList li.first .infotxt .tit{ padding-top:8px;}

}





/*企业文化*/

.PaperList{ margin:5% 0 0 -23px;}

.PaperList li{ width:25%; float:left; text-align:center;}

.PaperList li .box{ border:1px solid #d7d7d7; margin:0px 0px 38px 23px; padding-top:12px;}

.PaperList li .box .img { margin:0 3%;}

.PaperList li .box .img img{ display:block; margin:0px auto; height:303px;}

.PaperList li .box .tit{ font-size:16px; padding:10px 0px;}

.PaperList li:hover .box { background:#0167b9;}

.PaperList li:hover .box a{ color:#fff;}



.Qyidea{ color:#666666; font-size:16px; line-height:2em;}

.Qyidea .content{ max-width:1200px; min-width:320px; margin:0px auto;}

.Qyidea .itembox{ background:#e1ecff;}

.Qyidea .itembox .txt{ width:35%; float:left;}

.Qyidea .itembox .txt .tit{ line-height:73px; color:#000000; font-size:28px;}

.Qyidea .itembox .txt b{ color:#333333;}

.Qyidea .itembox .img{ width:65%; float:right;}

.Qyidea .itembox .img img{max-width:none; width:1100px;}

.Qyidea .itembox.bg1 .box{ padding:12% 0 0 0;}

.Qyidea .itembox.bg1 .txt{ line-height:42px;}

.Qyidea .itembox.bg2{ background:#e3f5ff;}

.Qyidea .itembox.bg2 .img img{ margin-left:-50%;}

.Qyidea .itembox.bg2 .box{ padding:12% 0 0 0%;}

.Qyidea .itembox.bg2 .txt{ float:right;}





@media ( max-width:1200px){

.Qyidea .itembox .txt{ width:auto; float:none;}

.Qyidea .itembox .img{ width:auto; float:none;}

.Qyidea .itembox .img img{width:100%;}

.Qyidea .itembox.bg1 .box{ padding:15px;}

.Qyidea .itembox.bg1 .txt{ line-height:30px;}

.Qyidea .itembox.bg2 .box{ padding:15px;}

.Qyidea .itembox.bg2 .img img{ margin-left:0%;}

.Qyidea .itembox.bg2 .txt{ float:none;}

}

@media ( max-width:768px){

.PaperList li .box .img img{ display:block; margin:0px auto; height:200px;}

}

@media ( max-width:560px){

.PaperList li{ width:50%;}

.PaperList li .box{ margin-bottom:23px;}

}

@media ( max-width:360px){

.PaperList li .box .img img{ display:block; margin:0px auto; height:170px;}

}





/*技术实力*/

.Customer{}

.Customer li{ width:10%; float:left;}

.Customer li .box{ border:1px solid #e6e6e6; margin:-1px 0px 0px -1px;}

.maketxt{ background:#efefef; margin-bottom:30px; text-align:center; line-height:22px; color:#666666; padding:20px;}

.MakeList{ /*margin-left:-26px;*/}

.MakeList li{width: 33.3%;float:left;}

.MakeList .box{ margin:0px 0px 29px 26px;}

.MakeList li.first .entxt{ display:block; padding:54px 0px 21px;}

.MakeList li.first .cntxt{ display:block; line-height:24px; color:#73a9d5; font-size:12px;}

.MakeList li.first .cntxt i{ display:block; width:53px; height:23px; border-bottom:4px solid #007cc2;}

.MakeList li .tit{ font-size:16px; color:#fff; background:#007cc2; line-height:2.5em; text-align:center;}

.MakeList li .img{ position:relative;}

.MakeList li .img .play{ display:block; z-index:2; position:absolute; left:50%; top:50%; background:url(../style/play.png); width:43px; height:43px; margin:-21px 0px 0px -21px;}

.MakeList li:hover .img .play{background:url(../style/play2.png);}

.MakeList li .img img{height: 239px;}

.MakeList li a:hover .tit{ color:#ffcc00;}



@media ( max-width:998px){

.MakeList{ /*margin-left:-15px;*/}

.MakeList .box{ margin:0px 0px 15px 15px;}

.MakeList li.first .entxt{padding:20px 0px 21px;}

.MakeList li .img img{ height:150px;}

.pics_list ul li .img img{height: 150px !important;}

.MakeList li .tit span{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block; margin:0px auto;}

}



@media ( max-width:768px){

.Customer li{ width:12.5%; float:left;}

.pics_list ul li .img img{height: 120px !important;}

.MakeList li .img img{ height:120px;}

.MakeList li .tit{ font-size:14px;}

.MakeList li.first .cntxt{ line-height:17px;}

.MakeList li.first .cntxt i{ height:15px;}

}

@media ( max-width:640px){
.pics_list ul li .img img{height: 120px !important;}

.MakeList li{ width:50%; float:left;}

.MakeList li .img img{ height:120px;}

.MakeList li.first .entxt{padding:12px 0px 12px;}

}

@media ( max-width:320px){
.pics_list ul li .img img{height: 100px !important;}

.MakeList li .img img{ height:100px;}

}





/*企业文化*/

.SocialList{}

.SocialList li{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; height:249px; padding-left:432px; position:relative; line-height:25px; margin-bottom:30px;}

.SocialList li .img{ position:absolute; left:0px; top:-1px;}

.SocialList li .img img{ display:block; width:400px; height:250px; margin:0px auto;}

.SocialList li .tit{ padding:38px 0px 26px; font-size:16px; font-weight:bold;}

.SocialList li .p{ height:97px; color:#666666;}

.SocialList li a.detail{color:#007cc2; background:url(../style/more.gif) right center no-repeat; padding-right:17px;}



@media ( max-width:998px){

.SocialList li .tit{ padding:20px 0px 20px; font-size:16px; font-weight:bold;}

.SocialList li .p{ height:120px;}

}

@media ( max-width:768px){

.SocialList li { padding-left:0px;}

.SocialList li .img{ position:static; width:30%; float:left; margin-right:15px;}

.SocialList li .img img{ width:400px; height:250px;}

}

@media ( max-width:560px){

.SocialList li { padding:0px 0px 18px 0px; height:auto;}

.SocialList li .img{ position:static; width:auto; float:none; margin-right:0px;}

.SocialList li .img img{width:auto; height:auto;}

.SocialList li .p{ height:auto;}

}





/*晟泰克*/

.mapbox{ width:900px; position:relative; margin:0px auto;}

.mzmapbox{ width:470px; position:relative; margin:0px auto;}

.ozmapbox{ max-width:1130px; position:relative; margin:0px auto;}


.maptxt .item{ position:absolute; text-align:center; padding-top:20px; width:50px; line-height:22px;}

.maptxt .item.hrb{ left:753px; top:139px;}

.maptxt .item.jl{ left:749px; top:198px;}

.maptxt .item.ll{ left:682px; top:232px;}

.maptxt .item.tj{ left:611px; top:259px;}

.maptxt .item.bj{ left:570px; top:251px;}

.maptxt .item.hb{ left:556px; top:283px;}

.maptxt .item.sd{ left:598px; top:309px;}

.maptxt .item.js{ left:628px; top:350px;}

.maptxt .item.hn{ left:540px; top:353px;}

.maptxt .item.sx{ left:468px; top:349px;}

.maptxt .item.sc{ left:374px; top:407px;}

.maptxt .item.cq{ left:462px; top:412px;}

.maptxt .item.hunan{ left:501px; top:459px;}

.maptxt .item.hubei{ left:545px; top:416px;}

.maptxt .item.anhui{ left:580px; top:394px; color:#fb1800;}

.maptxt .item.shangh{ left:655px; top:405px;}

.maptxt .item.zhej{ left:640px; top:422px;}

.maptxt .item.jiangx{ left:566px; top:452px;}

.maptxt .item.fujian{ left:592px; top:476px;}

.maptxt .item.guangd{ left:530px; top:508px;}

.maptxt .item.guangx{ left:481px; top:524px;}

.maptxt .item.hain{ left:476px; bottom:3px;}



.maptxt .item.meiguo{ right:52%; top:46.5%;}

.maptxt .item.meiguo2{ right:19%; top:39%;}

.maptxt .item.ruishi{ left:32%; top:66%;}

.maptxt .item.ruishi .flag_blue{ margin-left:0px; top:0px;}

.maptxt .item.deguo{ left:37.5%; top:55%;}

.maptxt .item.deguo .flag_blue{ margin-left:-6px; top:0px;}

.maptxt .item.faguo{ left:25%; top:63%;}

.maptxt .item.faguo .flag_blue{ margin-left:0px; top:0px;}

.maptxt .item a.on{ font-weight:bold; color:#0060b3;}

.maptxt .item.aidili{ left:39.5%; top:64.5%;}

.maptxt .item.aidili .flag_blue{ margin-left:0px; top:5px;}

.maptxt .item.mxg{ right:58%; top:68%;}

.maptxt .item.mxg a{font-weight:bold; color:#0060b3;}



.maptxt .item.meiguo .flag_blue,

.maptxt .item.meiguo .flag_red,

.maptxt .item.meiguo .flag_green,

.maptxt .item.meiguo .flag_zi{ display:none; }

.maptxt .item.mxg .flag_blue,.maptxt .item.mxg .flag_zi{ display:none; }



.maptxt i{ display:block; width:16px; height:21px; position:absolute; bottom:22px; left:0px;}

.maptxt i.flag_zi{ background:url(../style/flag_zi.png); left:50%; margin-left:-8px; z-index:2;}

.maptxt i.flag_blue{ background:url(../style/flag_blue.png); left:50%; top:-1px; margin-left:-23px; z-index:0;}

.maptxt i.flag_red{ background:url(../style/flag_red.png); left:50%; margin-left:-1px; top:3px; z-index:1;}

.maptxt i.flag_green{ background:url(../style/flag_green.png); left:50%; margin-left:-15px; z-index:3;}



.maptxtselect { display:none; margin-top:12px;}

.maptxtselect .citytit{ cursor:pointer; line-height:2.6em; text-align:center; font-size:18px; color:#fff; background:#007cc2;}

.maptxtselect .citytit span{ padding-right:20px; background:url(../style/proarr.png) right center no-repeat;}

.maptxtselect dl{ display:none;}

.maptxtselect dd{ padding:5px 10px; border-bottom:1px solid #f6f6f6;}

.maptxtselect dd span{ margin-right:10px;}

.maptxtselect i{ display:inline-block; width:16px; height:21px; margin-right:4px; vertical-align:middle;}

.maptxtselect i.flag_zi{ background:url(../style/flag_zi.png);}

.maptxtselect i.flag_blue{ background:url(../style/flag_blue.png);}

.maptxtselect i.flag_red{ background:url(../style/flag_red.png);}

.maptxtselect i.flag_green{ background:url(../style/flag_green.png);}



.Globalnav{ line-height:35px; padding:2%; text-align:center;}

.Globalnav li{ display:inline-block; *display:inline;zoom:1; font-size:22px; font-weight:bold; padding:0px 30px;}

.Globalnav li i{ display:inline-block; margin-right:9px; vertical-align:middle; width:16px; height:21px;}

.Globalnav li i.blue{ background:url(../style/flag_blue.png);}

.Globalnav li i.red{ background:url(../style/flag_red.png);}

.Globalnav li i.green{ background:url(../style/flag_green.png);}

.Globalnav li i.zi{ background:url(../style/flag_zi.png);}



.Globalcontent{ background:#f6f6f6; padding:3%;}

.Globalcontent .tit_blue{ color:#007cc2; line-height:30px; font-size:20px;}

.Globalcontent .tit_red{ color:#fb7600; line-height:30px; font-size:20px;}

.Globalcontent .tit_green{ color:#10bd4d; line-height:30px; font-size:20px;}

.Globalcontent .tit_zi{ color:#c900af; line-height:30px; font-size:20px;}

.Globalcontent .h3{ color:#000000; line-height:30px; font-size:18px; padding-top:12px;}

.Globalcontent .itembox{ padding:14px 0px 16px; border-bottom:1px solid #dbdbdb; margin-bottom:20px;}

.Globalcontent .itembox li{ width:31%; float:left; padding-right:2.333%; padding-bottom:15px; color:#666666;}

.Globalcontent .itembox li h3{ font-size:14px; color:#333; margin-bottom:3px;}

.Globalcontent .itembox li b{color:#333;}

.Globalcontent .itembox:last-child{border-bottom:0px solid #dbdbdb; margin-bottom:0px;}


.Hrhead{ line-height:45px; text-align:center; font-size:16px; color:#fff; background:#007cc2; margin-bottom:9px;}

.HrList{ margin-bottom:30px;}

.HrList li{ margin-bottom:9px; border-bottom:1px solid #efefef;}

.HrList li th{ color:#3e3a39; background:#efefef; line-height:47px; font-weight:normal; font-size:14px;}

.HrList li .txtCont{padding:18px 5px 13px 5px; color:#555555;}

.HrList li a.apply{ display:block; margin:0px auto; background:#007cc2; border-radius:5px; color:#fff; width:87px; line-height:31px; }

.HrList li.current th{ color:#007cc2;}

.HrList li.current a.apply{ color:#fff; background:#007cc2;}

.HrList li.current a{ color:#007cc2;}

.HrList li.current .txtCont{ display:block;}



.Hrtit{ font-size:16px; color:#007cc2; line-height:32px; margin-top:18px; padding-left:15px; background:#ebebeb;}

.JobForm{ color:#666666; margin:4% 0px 35px 0%;}

.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}

.JobForm dl dt{ width:20%; float:left;padding:5px 0;}

.JobForm dl dd{ width:70%; float:left;}

.JobForm dl.other{ width:99%; float:none; padding-left:1%;}

.JobForm dl.other dt{ width:9.7%;}

.JobForm dl.other dd{ width:84%;}

.JobForm dd{ padding:5px 0px;}

.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}

.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}

.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}

.sendbtn{ cursor:pointer; color:#fff; width:90px; height:35px; background:#007cc2; margin-right:8px;}

.resetbtn{ cursor:pointer; color:#fff; width:90px; height:35px; background:#747474;}





@media ( max-width:998px){

.Globalcontent .itembox li.auto dd{ width:auto; float:none;}

.Globalcontent .itembox li.w50 dd{ width:auto; float:none;}

}

@media ( max-width:768px){

.Globalcontent .itembox li{ width:auto; float:none; padding-right:0;}

.mapbox{ width:auto; height:auto; position:relative; margin:0px auto;}

.mzmapbox{ width:auto; height:auto; position:relative; margin:0px auto;}

.maptxt{ display:none;}

.maptxtselect{ display:block;}

.JobForm dl{ width:auto; float:none; padding-left:0px;}

.JobForm dl dt{ width:28%; font-size:12px;}

.JobForm dl.other{ width:auto; float:none; padding-left:0px;}

.JobForm dl.other dt{ width:28%; font-size:12px;}

.JobForm dl.other dd{ width:70%;}

}

@media ( max-width:560px){

.Globalnav li{font-size:18px; padding:0px 20px;}

}


.JobForm .input.inputdate{background: #fff url(../style/inputdate.gif) right center no-repeat;}



/*20180201*/

.kmsn,.HrList,.zpk{ padding:0;} 

.kmsn{ margin-top:20px;}

.kod{ margin-bottom:20px;}

.zpk{ margin-top:19px;}

@media ( max-width:640px){
	.kmsn,.HrList,.zpk{ padding:0;}
}

#nav12 .SubNav{ display:none !important;}


.n_up_box { background: #f4f6f9;}
.main_box {	position: relative; }
#n_nav{ position:relative;  }
#n_nav a{ display:inline-block; position:relative; height:50px; padding:0 40px; line-height:50px; font-size:15px; color:#555}
#n_nav a strong {font-weight: normal;}
#n_nav a:hover{ background:#0061AC; color:#fff;}
#n_nav a.on{background:#0061AC; color:#fff;}

#position{ position:absolute; line-height: 50px; height:50px; right:0px; top:0px; color:#8a8c8e; font-size:12px; background:url(../style/icon_home.png) left center no-repeat; padding-left:22px;}
#position span, #position a, #position i{ font-size:12px; color:#8a8c8e;}
#position em{ font-size:12px; color:#009b4d; font-style:normal;}
#position a:hover{ color:#009b4d;}


/* 内页标题 */
.sub_title {
	margin-top: 45px;
	margin-bottom: 45px;
	text-align: center;
	line-height: 1.6;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	position: relative;
}
.sub_title::after{
	content: ' ';
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	background-color: #FF9E01;
	bottom: 0;
	left: calc(50% - 10px);
}
.sub_title h4 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 10px;
}
.sub_title span {
	font-size: 14px;
	text-transform: uppercase;
	color: #666;
}
.page_content {
	min-height: 600px;
	line-height: 2;
	font-size: 16px;
	text-align: justify;
}


/* 新闻列表 头条 */
#n_news_hot{margin-bottom:50px;}
#n_news_hot  li{display:block;position:relative;background:#f4f6f9;padding:15px;}
#n_news_hot  li .fl{ width:485px;}
#n_news_hot  li .fl  img{ width:485px; height:330px; }
#n_news_hot  li .fr{width:600px;position:relative;height:145px;margin-right:35px;}
#n_news_hot  li .fr h1{ display:block; padding-top:35px;}
#n_news_hot  li .fr h1 a{  font-size:22px;  color:#525253;   display:block;   }
#n_news_hot  li .fr span{font-size:14px;display:block;color:#737376;margin-bottom:20px;margin-top:13px;padding-bottom:30px;border-bottom:1px dashed #b4b4b7;}
#n_news_hot  li .fr h1 a:hover{color: #0962AA;}
#n_news_hot  li .fr .more{display:block;width:75px;height:36px;line-height:36px;border-radius:3px;padding-left:45px;font-size:14px;color:#fff;background: url(../style/icon_read.png) 18px center no-repeat #FE9D26;}
#n_news_hot  li .fr p{ margin-bottom:40px; line-height:26px;  color:#79797b; height:72px; overflow:hidden; font-size:14px;}


/*==============新闻中心=====================*/

#n_notice  { overflow:hidden;   }
#n_notice ul{ margin:-55px -50px -35px 0;  overflow:hidden;}
#n_notice li{display: block;height: 65px;padding:55px 30px 55px 0px;float: left;width: 594px;border-bottom: 1px solid #edecec;}
#n_notice li.odd{ border-left:1px solid #edecec; padding-right:0; padding-left:30px;}
#n_notice li .box{padding: 0px 0px 0px 95px; position: relative;   }
#n_notice li a{display:block;font-size:16px;color:#474749;margin-bottom: 13px;/* white-space: nowrap; */overflow:hidden;/* text-overflow: ellipsis; */}
#n_notice li p{line-height:20px;font-size:12px;color:#848487;height:40px;overflow:hidden;}
#n_notice li a:hover{ color:#0962AA;}
#n_notice .date_box{position:absolute;left:0px;text-align: center;width:60px;top: -10px;}
#n_notice .date_box strong{line-height: 1.5;padding-bottom: 6px;border-bottom: 1px solid #e4e2e2;display:block;font-size: 36px;color:#8d8d90;}
#n_notice .date_box span{ font-size: 17px; color: #8d8d90; margin-top: 9px; display:block; text-transform: uppercase;}


/*==============联系我们=====================*/
#n_contact{ position:relative; width:100%; overflow:hidden;}
#n_contact .up_box {margin-bottom:50px;position:relative;/* background:url(../images/bg_contact.jpg) right top no-repeat; */min-height:657px;}
#n_contact .up_box .title{  margin-bottom:20px;}
#n_contact .up_box .title strong{ display:block; color:#51575f; font-size:18px; margin-bottom:8px; font-weight:bold; }
#n_contact .up_box .title span{ display:block;font-size:12px; line-height:12px; text-transform:uppercase; color:#6c6d70}
#n_contact .up_box dl{ width:500px; float:left; }
#n_contact .up_box dd { display:block; padding:30px 0; height:65px; border-bottom:1px solid #e7e8ec; padding-left:95px; position:relative;}
#n_contact .up_box dd img.ewm{ position:absolute; right:0; top:30px; height:65px; width:65px; display:block;}
#n_contact .up_box dd strong{ padding-top:10px; padding-bottom:3px; font-size:15px; display:block; color:#545555; }
#n_contact .up_box dd a{ color:#545555; text-decoration:none;}
#n_contact .up_box dd a:hover{ color:#0d67c9;}
#n_contact .up_box span{ font-size:15px; color:#545555; }
#n_contact a{ color:#0d67c9; text-decoration:underline; }
#n_contact .map_box{ position:relative;display:block; height:362px;}


/*==============job=====================*/

.hr{ margin-top:50px;}
#list_slide{  position:relative;}
#list_slide dl{  overflow:hidden; margin-bottom:10px;  }
#list_slide dt{border:none;   display:block; position:relative; padding:25px;  cursor:pointer;   background:url(../style/bnt_hr_open.png) 1130px center no-repeat #f4f6f9;}
#list_slide dt table{ margin-left:-50px;}
#list_slide dt td{  color:#666666; font-size:14px; border-left:1px solid #fff; padding:0 50px; }
#list_slide dt h1{  color:#666666; font-size:18px; font-weight:bold; margin-bottom:10px; line-height:30px; display:block;}
#list_slide dd{ display:none; padding:0 40px; padding-bottom:30px; line-height:36px; background:#f4f6f9;  }
#list_slide dd p{ line-height:36px;  }
#list_slide dd .content{ padding-top:20px;}
#list_slide dt.on td{ color:#fff;}
#list_slide dt.on{ background:url(../style/bnt_hr_close.png) 1130px  center no-repeat #0061AC; }
#list_slide dt.on h1{color:#fff;}
#list_slide dl:frist-child dd{display: block;}

/* 产品封面 */
.product_img {
	margin-bottom: 20px;
}
.product_img img {
	display: block;
	width: 100%;
	height: 370px;
}
.product_abot {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 40px;
	text-align: justify;
}

.product_show {
	text-align: center;
}
.product_show_title {
	position: relative;
	margin-bottom: 40px;
}
.product_show_title h5{
	font-size: 30px;
	font-weight: normal;
	line-height: 1.5;
}
.product_show_title h5::after{
	content: ' ';
	width: 30px;
	display: block;
	height: 2px;
	background-color: #0962AA;
	position: absolute;
	left: calc(50% - 10px);
	bottom: -10px;
}

.product_content > * {
	box-sizing: border-box;
}
.product_content dl{
	display: flex;
	margin-bottom: 40px;
}
.product_content dt {
	text-align: left;
	width: 50%;
}
.product_content dt img {
	display: block;
	width: 565px;
	height: 400px;
}
.product_content  .procon1{
	text-align: left;
	width: 50%;
	padding-left: 40px;
}
.product_content  .procon2{
	text-align: left;
	width: 50%;
	padding-right: 60px;
}
.product_content dd h4 {
	font-size: 22px;
	font-weight: normal;
	color: #0962AA;
	margin-bottom: 50px;
	margin-top: 50px;
	padding-left: 20px;
}
.product_content dd em {
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 30px;
	padding-left: 20px;
}
.product_content dd ul{
	margin-left: 20px;
}
.product_content dd ul li{
	padding-left: 20px;
	margin-bottom: 10px;
	color: #666;
	background: url(../style/product_img_3.png) no-repeat 0 6px;
}
.product_content .more {
	margin-top: 20px;
	padding-left: 20px;
}
.product_content .more a {
	color: #0962AA;
}


.pics_list ul li {
	width: 33.3%;
}
.pics_list ul li .box {
	margin: 0 auto;
	margin-bottom: 29px;
	width: 370px;
	height: 280px;
	/* background: #ddd; */
}
.pics_list ul li .img {
	background-color: #EFEFEF;
}
.pics_list ul li .tit {
	background-color: #E0E1E7;
	color: #333;
}
.pics_list ul li:hover .tit{
	background: #0061AC;
}
.pics_list ul li a:hover .tit {
	color: #fff;
}
.pics_list ul li .img img {
	height: 238px;
}


@media ( max-width:750px){
	.sub_nav {
		display: none;
	}

	#n_news_hot li .fl {
		float: none;
	}
	#n_news_hot li .fr {
		float: none;
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	#n_news_hot li .fr h1 {
		line-height: 1.5;
		text-align: center;
	}
	#n_news_hot li .fr p {
		display: none;
	}
	#n_news_hot li .fr .more {
		display: none;
	}
	#n_news_hot li .fr span {
		display: none;
	}
	#n_news_hot li .fl img {
		width: 100%;
		height: auto;
	}
	#n_notice li {
		height: auto;
		width: auto;
	}
	#n_notice li .box {
		padding-left: 80px;
		/* width: 100%; */
		padding-right: 10px;
	}
	#n_notice li.odd {
		padding-left: 0;
		border: none;
		border-bottom: 1px solid #edecec;
	}
	#n_notice li a {
		white-space:normal;
	}
	#n_contact .up_box {
		background:none !important;
		margin-bottom: 0;
	}
	.product_img img {
		height: auto;
	}
	.product_content dl {
		display: block;
		border-bottom: 1px solid #ddd;
	}
	.product_content dt {
		width: 100%;
	}
	.product_content .procon1,.product_content .procon2 {
		width: 100%;
		padding: 0 0 30px 0;
	}
	.pics_list ul li{
		width: 50%;
	}
	.pics_list ul li .box {
		width: 98%;
		height: auto;
		margin-right: 2%;
	}
	.pics_list ul li .box:nth-child(2n){
		margin-right: 0;
	}
	#list_slide dt table {
		margin: 0;
	}
	#list_slide dt {
		padding: 10px;
	}
	#list_slide dt td {
		padding: 0;
		padding-right: 5px;
		border: none;
	}
}

/* 分页 */
/********分页********/
.page { margin:40px auto 0px auto;text-align: center;}

/*通用翻页样式*/
#page{display: inline-block;padding-top:10px;padding-bottom:10px;text-align: center;margin:0 auto; overflow:hidden;}
#page li{background-color:#fff;border:1px solid #ccc;margin-right:6px;list-style:none;float:left;color:#555;}
#page li.pagecount{padding:6px 12px;}
#page li.pre{background:#0061AC;border:1px solid #0061AC;color:#fff;padding:6px 12px;}
#page li.liclass{padding:6px 12px;}
#page li.uli:hover{background:#0061AC;border:1px solid #0061AC;color:#fff;cursor:pointer;display: block;}
#page li.uli a{text-decoration:none;padding:6px 12px;display: block;}
#page li.uli:hover a{color:#fff;text-decoration:none;padding:6px 12px;display: block;}




@media ( max-width:768px){
	.videos{left:50%; top:50%; margin-left:-160px; margin-top:-210px; z-index:99999; width:320px !important; height:200px;}
	.videos video{width:320px !important;}
}


/*招贤纳士*/
.TextList000858 {padding:0}
.TextList000858 ul{ overflow:hidden;}
.TextList000858 ul li{}
.TextList000858 ul li span,.TextList000858 ul ol span{ width:25%; float:left; position:relative; font-weight:bolder; background: #0061AC; margin-bottom: 5px; line-height:45px; height:45px; color:#fff; text-align:center; font-size: 16px;}
.TextList000858 ul li span{ background:#efefef; color:#333; font-weight:normal;}
.TextList000858 ul ol span::before{ content:""; position:absolute; left:0; width:1px; height:45px; background:#fff;}
/*.TextList000858 ul li span:first-child{ padding-left:0; width:25%;}*/
.TextList000858 ul li span em{ font-style:normal; width:15px; height:15px; border-radius:3px; text-align:center; line-height:15px; color:#fff; font-weight:normal; position:absolute; right:10%; top:15px; background:#0061AC; display:block; font-size:18px;}

.TextList000858 ul li dl{ display:none; position:relative; padding:20px 168px 20px 28px;font-size: 15px;line-height: 2.4em;}
.TextList000858 ul li dl a{line-height:31px; text-align:center; color:#0061AC; font-weight:bold;margin-top: 20px;display: inline-block;font-size: 16px;}
.TextList000858 ul li dl dt{ font-size:15px;font-weight: bold;  color:#333;height:30px; line-height:30px;}
.TextList000858 ul li dl dd{ font-size:14px; color:#666; line-height:25px;}
.TextList000858 li a.apply {
    display: block;
    background: #007cc2;
    border-radius: 5px;
    color: #fff;
    width: 87px;
    line-height: 31px;
}

@media (max-width:768px){
.TextList000858 ul li dl a{ position:static; display:block; margin-top:15px;}
.TextList000858 ul li dl{ padding:12px}
.TextList000858 ul li span em{display: none;}
	}
@media (max-width:480px){
.TextList000858 ul li span{ font-size:12px;}
.TextList000858 ul li span em{ display: none;}
	}
@media (max-width:320px){
.TextList000858 ul li span em{ display: none;}
	}


.auto{ margin:0 auto;}
.auto_1280{ max-width:1280px;}


.searchbtn{
	cursor: pointer;
    background: url(../style/searchbtn2.png) no-repeat;
    color: #fff;
    width: 30px;
    height: 30px;
    border: 0;
}


.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #000;
	height:920px;
}
.banner img {
    width: 100%;
    float: left;
}

.bannerInnerBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.bannerInner {
    width: 100%;
    height: auto;
    max-width: 1400px;
    min-width: 320px;
    padding: 0 0px;
    margin: 0 auto;
	padding-left:0px;
}

.bannerInnerH2 {
    font-size: 56px;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    line-height: 1.25;
	margin-top:400px;
}

.bannerInnerText {
    /*width: 690px;*/
    /*border-left: 4px solid #e60012;*/
    /*padding-left: 24px;*/
    font-size: 16px;
    color: #fff;
    position: relative;
}

.redBlank {
    width: 4px;
    height: 94%;
    background: #e60012;
    position: absolute;
    top: 5px;
    left: 0;
}

.bannerInnerText p {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}

.bannerInnerBtn {
    width: auto;
    height: 40px;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    padding: 0 28px;
    float: left;
    margin-top: 8px;
    cursor: pointer;
    background: #006dc6;
    border-radius: 30px;
    -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.bannerInnerBtn:hover {
    background: #d7171f;
}

.bannerInnerBtnAct {}

.banner .bannerBtnArrow {
    width: 17px;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 13px;
    float: right
}

.bannerInnerBtnPc {
    display: block;
}

.bannerInnerBtnMbl {
    display: none;
}

.video-popup {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	
    background-color: rgba(0, 0, 0, 1);
    z-index: 99;
    display: none;
}
.video-popup #video-container {
    position: absolute;
	
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
}
.video-popup .video-close {
    position: absolute;
    width: auto;
    top: 5%;
    right: 5%;
    width: 30px;
}

.bannerInnerBtnVideo {
    display: inline-block;
    margin-left: 15px;
    background: transparent;
    border: 1px solid #e60010;
    color: #e60010;
    margin-top: 8px;
    border-radius: 30px;
    height: 30px;
    line-height: 28px;
    padding: 0 35px 0 15px;
    font-size: 14px;
    -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    background: url(/cn/tres/images/icon-video-play_red.png) 90% center no-repeat;
    background-size: 17px 17px;
}